<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a href="https://www.baidu.com/">百度</a>
    <a href="https://www.baidu.com/">百度</a>
    <a href="./01-数组的处理.html">223</a>
    <form action="" id="f1">
        <input type="text" name="username" id="">
        <input type="submit" value="提交" id="btn">
    </form>
    <script>

        // 阻止默认的行为 e.preventDefault()
        // 什么默认的行为--元素标签 都有默认行为

        // 以http://127.0.0.1- 开头- 内链
        // 不以 http://127.0.0.1-- 开头 外链

        // 先获取所有a标签
        // 添加点击事件--点击的时候 做判断   外链 给提示--用户点击取消 阻止默认行为
        var aArr = document.querySelectorAll('a');
        aArr.forEach(function (a) {
            a.onclick = function (evt) {
                console.log('a');
                // 判断是否外链
                if (!a.href.startsWith('http://127.0.0.1')) {
                    var f = confirm('您要访问' + a.href + ',确定要离开吗')
                    console.log(f);
                    if (f === false) {
                        evt.preventDefault();

                    }
                }
                console.log(a.href);


            }
        })

        // 阻止表单的默认提交
        var btn = document.querySelector('#btn');
        // btn.onclick = function (evt) {
        //     console.log(11);
        //     evt.preventDefault()
        // }


        // document.forms[0]

        // 阻止表单的默认提交
        var f1 = document.querySelector("#f1")
        f1.onsubmit = function (evt) {
            console.log(11);
            evt.preventDefault()//标准做法
            // return false; //不标准的做法

        }

    </script>
</body>

</html>